<script setup>
const user=null
</script>

<template>
 <div>
   <el-container style=" background-color: #f5f5f5;">  
   <el-header style=" background-color: #fff;">
                <el-row style="display: flex;align-items:center">
                <el-col :span="4" style="display: flex;">
                        
                     <div>
                        <h2 style="padding-left:0px;">技术社区</h2>
                     </div>
                </el-col>
                    <el-col :span="6" offset="2" style="position:relative;left:-50px;">
                        <el-menu mode='horizontal'>
                            <el-menu-item index="0">
                                <router-link to='/'>首页</router-link>
                              </el-menu-item> 
                              <el-menu-item index="1">
                                <router-link to='/post'>文章</router-link>
                              </el-menu-item> 
                              <el-menu-item index="2">
                                <router-link to='/Mall'>商城</router-link>
                              </el-menu-item> 
                              <el-menu-item index="3">
                                <router-link to='/course'>课程</router-link>
                              </el-menu-item> 
                       </el-menu>
                    </el-col>
                    <el-col :span="6" offset="2">
                        <el-input style="width: 200px;" placeholder="请输入关键字"></el-input>
                    </el-col>
                    <el-col :span="4" style="position:relative;left:-50px;">
                        
                        <el-button  type="text" >登录</el-button>            
                        <el-button  type="text">注册</el-button> 
                        
                    </el-col>
                   </el-row>
            </el-header>
  <router-view></router-view>
  <el-footer style="height: auto;">
                         <el-row>
                            <el-col :span="8">
                               
                               <div style="position: relative; left: 00px; bottom: 10px;">   
                                  <h2 style="padding:2px;">技术社区</h2>
                                  <p>致力于构建一个专业胡IT技术交流社区</p>
                              </div>
                            </el-col>
                            <el-col :span="8" style="position: relative; top: 20px;">
                                <div>
                                    <el-button type="text">首页</el-button>
                                    <el-button type="text">文章</el-button>
                                    <el-button type="text">课程</el-button>
                                    <el-button type="text">商城</el-button>
                                </div>
                                <div>
                                    <el-button type="text">关于我们</el-button>
                                    <el-button type="text">使用手册</el-button>
                                    <el-button type="text">隐私条款</el-button>
                                    <el-button type="text">建议反馈</el-button>
                                </div>
                            </el-col>
                            <el-col :span="8" style="position:relative; bottom: 0px;line-height: 10px;">
                            <h2>联系我们</h2>
                            <div><P>电话:12345678</P>
                            <p>邮箱:software@develop.com</p></div>
                            </el-col>
                         </el-row>
                         <div style="position: relative; bottom: 00px; height:50px;line-height:50px;text-align:center;background-color:#409EFF">软件开发工作室版权所有</div>
                </el-footer>
   </el-container>
 </div>
</template>                           
<style scoped>

</style>
